//import是ES模块化中引入木块的语法
//引入css文件
import './assets/css/main.css'

//引入vue包中的createApp的方法
import { createApp } from 'vue'
//引入piania保重createPinia的方法
import { createPinia } from 'pinia'

//导入App这个根组件
import App from './App.vue'
//导入vue的路由配置
import router from './router'

//1、导入头部组件
import HeaderCom from './components/HeaderCom.vue'

//创建vue实例，将根组件App传递进去
const app = createApp(App)

//2、全局注册公共的头部组件，把他挂载到vue的实例上,随便调用这个HeaderCom组件
app.component('HeaderCom',HeaderCom);

//将创建的pinia实例挂载vue的实例上
app.use(createPinia())
//将路由的配置挂载到vue的实例上
app.use(router)

//将创建好的实例绑定在id为app的视图之上
app.mount('#app')
